/**index.wxss**/
.container {
  height: 100%;
  padding:80rpx;
  background-color: #eee;
  .userinfo {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 200rpx;
    padding: 0 40rpx;
    background-color: #fff;
    color: #aaa;
    border-radius: 20rpx;
    .avatar-wrapper {
      flex-shrink: 0;
      padding: 0;
      width: 56px !important;
      border-radius: 8px;
      margin-top: 40px;
      margin-bottom: 40px;

      .avatar {
        display: block;
        width: 56px;
        height: 56px;
      }
    }

    .nickname-wrapper {
      display: flex;
      padding: 16px;
      color: black;
      .nickname-label {
        width: 105px;
      }
      .nickname-input {
        flex: 1;
      }

    }

    // .userinfo-avatar {
    //   overflow: hidden;
    //   width: 128rpx;
    //   height: 128rpx;
    //   margin: 20rpx;
    //   border-radius: 50%;
    // }
  }
  .menu {
    .suggest,
    .about {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 500rpx;
      height: 150rpx;
      padding: 0 50rpx;
      margin-top: 100rpx;
      background-color: #fff;
      color: #aaa;
      border-radius: 20rpx;
      image {
        width: 70rpx;
        height: 70rpx;
      }
      .text {
        flex:1;
        margin-left: 40rpx;
      }
      .right {
        width: 30rpx;
        height: 30rpx;
      }
    }
  }
}